@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
.swiper-container{height:550px; margin-top:100px !important;}
.arrow-left{background:url("../images/arrows.png") no-repeat left top; position:absolute; left:10px; top:50%; margin-top:-15px; width:17px; height:30px; z-index:10;}
.arrow-right{background:url("../images/arrows.png") no-repeat left bottom; position:absolute; right:10px; top:50%; margin-top:-15px; width:17px; height:30px; z-index:10;}
.pagination{position:absolute; left:0; text-align:center; bottom:5px; width:100%;}
.swiper-pagination-switch{display:inline-block; width:10px; height:10px; border-radius:10px; background:#999; margin:0 3px; cursor:pointer;}
.swiper-active-switch{background:#fff;}
.swiper-slide{position:relative; opacity:0; transition:opacity 0.7s ease-in-out;}
.swiper-slide-active{opacity:1;}
.swiper-slide .img{position:absolute;}
.inner{position:relative; display:block; width:1200px; height:550px; margin:0 auto;}

.slide1{background:url("../images/s1-0.jpg") no-repeat center bottom #ffffff;}
.slide2{background:url("../images/s2-0.jpg") no-repeat center bottom #ffffff;}
.slide3{background:url("../images/s3-0.jpg") no-repeat center bottom #ffffff;}

.slide1 .s1-1{left:50%; margin-left:10px; top:100px; height:292px; z-index:10px;}
/*
.slide1 .s1-2{left:50%; margin-left:60px; top:240px; height:35px; z-index:10px;}
.slide1 .s1-3{left:50%; margin-left:230px; top:295px; height:90px; z-index:10px;}
.slide1 .s1-4{left:0; margin-left:-100px; bottom:0; height:80%;}
*/

.slide2 .s2-1{left:50%; margin-left:10px; top:90px; height:389px; z-index:10px;}
/* .slide2 .s2-2{left:50%; margin-left:80px; top:60px; height:341px; z-index:10px;} */

.slide3 .s3-1{left:50%; margin-left:180px; top:90px; height:420px; z-index:10px;}
/*
.slide3 .s3-2{left:0; margin-left:40px; top:190px; height:105px;}
.slide3 .s3-3{left:0; margin-left:40px; top:310px; height:109px;}
.slide3 .s3-4{right:0; margin-right:80px; top:100px; height:286px; z-index:10px;}
*/


.loop{
	animation-iteration-count:infinite;/*无限*/
	animation-timing-function:linear;/*平滑*/
}
.targetBtn{margin-top:20px; position:absolute; bottom:60px; left:352px; z-index:999;}
.targetBtn a{height:50px; border-radius:50px; background:rgba(0,0,0,.5); float:left; line-height:50px; text-align:center; color:#fff; text-decoration:none; }
.targetBtn .a1{width:110px; }
.targetBtn .a2{width:170px; margin-left:15px; }	

/*自定义CSS动画*/
.moveRight{-webkit-animation-name:moveRight;animation-name:moveRight}
@-webkit-keyframes moveRight{
	0%{opacity:0;left:0px;}
	10%{opacity:1;}
	100%{opacity:1;left:550px;}
}
@keyframes moveRight{
	0%{opacity:0;left:0px;}
	10%{opacity:1;}
	100%{opacity:1;left:550px;}
}

.moveLeft{-webkit-animation-name:moveLeft;animation-name:moveLeft}
@-webkit-keyframes moveLeft{
	0%{opacity:0;left:390px;}
	10%{opacity:1;}
	100%{opacity:1;left:-370px;}
}
@keyframes moveLeft{
	0%{opacity:0;left:390px;}
	10%{opacity:1;}
	100%{opacity:1;left:-370px;}
}